<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>detail</title>
	<link href="/lib/bootstrap/css/bootstrap.css" rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="/css/detail.css">
	<script src="/lib/requirejs/require.js" data-main="/js/detail"></script>
</head>
<body>
	<!-- 头部 -->
	<header></header>

	<!-- 导航 -->
	<div class="navs">
        <div class="nav_box">
    		<b id="nav1">
                <h4>全部商品分类</h4>
                <div class="pop description ps-container" id="navMain">
                    <div class="pop p1" id="pop">
                    	<a href="/html/list.html" target="_blank">服装服饰</a>
                    	<a href="/html/list.html" target="_blank">食品饮料</a>
                    	<a href="/html/list.html" target="_blank">生活家居</a>
                    	<a href="/html/list.html" target="_blank">美妆个护</a>
                    	<a href="/html/list.html" target="_blank">箱包配饰</a>
                    	<a href="/html/list.html" target="_blank">海外购</a>
                    	<a href="/html/list.html" target="_blank">运动健康</a>
                    	<a href="/html/list.html" target="_blank">布艺家纺</a>
                    	<a href="/html/list.html" target="_blank">品质厨房</a>
                    	<a href="/html/list.html" target="_blank">厨房电器</a>
                    	<a href="/html/list.html" target="_blank">生活电器</a>
                    	<a href="/html/list.html" target="_blank">3C数码</a>
                    </div>
    	            <div class="ps-scrollbar-x-rail" style="width: 231px; display: none; left: 0px; bottom: 3px;">
    	            	<div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div>
    	            </div>
    	            <div class="ps-scrollbar-y-rail" style="top: 0px; height: 560px; display: none; right: 3px;">
    	            	<div class="ps-scrollbar-y" style="top: 0px; height: 0px;"></div>
    	            </div>
    	        </div>
    	    </b>
        </div>
	    <ul>
			<li><a href="../index.html" target="_blank">首页</a></li>
			<li><a href="javascript:;" target="_blank">TV直播</a></li>
			<li><a href="javascript:;" target="_blank">品牌惠</a></li>
			<li><a href="javascript:;" target="_blank">家有购物APP</a></li>
			<li><a href="javascript:;" target="_blank">家有尊享</a></li>
		</ul>
	</div>

	<!-- 主体 -->
	<div class="main">
		<div class="box">
			<h2>
				<a href="javascript:;">全部商品</a>
				<span id=""></span>
			</h2>

			<div class="show">
				<script type="text/html" id="detail_template">
					
					<div class="fl">
						<div class="small">
							<a href="" class="up curr"></a>
							<div>
								<ul id="gal1">
									{{each img curr}}
									<a href="#" data-image="{{curr.middle}}" data-zoom-image="{{curr.big}}">
										<img src="{{curr.small}}" alt="">
									</a>
									{{/each}}
								</ul>
							</div>
							<a href="" class="down curr"></a>
						</div> <!-- small -->
						
						<div class="big">
							<img src="{{img[0].middle}}" data-zoom-image="{{img[0].big}}" alt="" class="middle-zoom">
							<i>售 罄</i>
							<a href=""></a>
							<span class="collection">收藏</span>
						</div> <!-- big -->
					</div> <!-- fl -->

					<div class="b">
						<img src="/images/d1.jpg">
					</div>
					<div class="fr">
						<p class="prod_id" style="display: none;">{{id}}</p>
						<h3 class="prod_title">{{title}}</h3>
						<div class="bd">
							<p class="price">
								<b class="prod_price">{{price}}</b>
								<em>{{price_a}}</em>
								<a class="goShop" href="/index.html" target="_blank">进入店铺<span></span></a>
							</p>
							<p class="num">
								<b>商品编号</b>
								<span>{{bianhao}}</span>
							</p>
							<p class="shou">
								<b>月销</b>
								<span>{{xiaoliang}}件</span>
							</p>
							<div class="dui">
			                    <div class="tips"></div>
			                    <div>
			                    	<p class="option">
			                    		<b>颜色</b>
			                    		<font>
			                    			<a class="">共同</a>
			                    		</font>
			                    	</p>
			                    	<p class="option">
			                    		<b>款式</b>
			                    		<font>
			                    			<a class="">XL</a>
			                    			<a class="">XXL</a>
			                    			<a class="">XXXL</a>
			                    			<a class="">XXXXL</a>
			                    			<a class="">XXXXXL</a>
			                    		</font>
			                    	</p>
			                    </div>
			                    <p class="number">
			                    	<b>购买数量</b>
			                    	<label>
			                    		<a class="jian">-</a>
			                    		<input type="text" id="buycount" value="1">
			                    		<a class="jia">+</a>
			                    	</label>
			                    	<span></span>
			                    </p>
			                </div> <!-- dui -->
			                <p class="list">
			                	<a href="" target="_blank">
			                		<span class="s1">正品保障</span>
			                	</a>
			                	<span class="s2">全场包邮</span>
			                	<span class="s3">支持7日无理由退货</span>
			                </p>
			                <div class="btn">
			                    <a id="cart-to" operate="addtocart" class="a2">加入购物车</a>
			                    <a operate="orderconfim" class="a1">立即购买</a>
			                    <a class="star" operate="orderconfim" style="display: none;">立即购买</a>
								<b id="btnPhone" class="serviceTel" style="">拨打<i>4008-678-888</i>，可语音下单~</b>
			                </div>
						</div> <!-- bd -->
					</div> <!-- fr -->
					
				</script>
			</div> <!-- shov -->

			<div class="content tabbable">
		        <ul class="hd nav nav-tabs" id="myTab">
		        	<li class="active curr"><a href="#tab1" data-toggle="tab">商品详情</a></li>
		            <li><a href="#tab2" data-toggle="tab">规格参数</a></li>
		            <!-- <li>常见问题</li>
		            <li>商品评价
		            	<span class="gj">（0）</span>
		            </li> -->
		        </ul>
		        <div class="bd tab-content">
		            <div class="img tab-pane active" id="tab1">
		                <p style="display: none;">
		                	<a href="javascript:;">更多参数&gt;&gt;</a>
		                </p>
		                <span class="tu">
		                	<img src="/images/tu1.jpg">
		                	<img src="/images/tu2.jpg">
		                	<img src="/images/tu3.jpg">
		                	<img src="/images/tu4.jpg">
		                	<img src="/images/tu5.jpg">
		                	<img src="/images/tu6.jpg">
		                	<img src="/images/tu7.jpg">
		                	<img src="/images/price.jpg">
		                </span>
		                <span class="frome">家有购物集团股份有限公司</span>
		            </div>
		            <div class="tab-pane table" id="tab2">
		            	<ul>
		            		<li>
		            			<b>【商品编码】</b>
		            			<span>210421</span>
		            		</li>
		            		<li>
		            			<b>【品牌】</b>
		            			<span>派斯顿</span>
		            		</li>
		            		<li>
		            			<b>【主品】</b>
		            			<span>派斯顿貂内胆男士羊毛大衣*1 （藏青色）</span>
		            		</li>
		            		<li>
		            			<b>【赠品】</b>
		            			<span>派斯顿貂皮帽*1（黑色）</span>
		            		</li>
		            	</ul>
		            </div>
		            <!-- <div class="qa"></div> -->
		        </div> <!-- bd -->
		    </div> <!-- content -->
		</div>
	</div>

	<!-- 尾部 -->
	<footer></footer>
</body>
</html>